#45ABC6 - #CFE1D0 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #45ABC6 a #CFE1D0

#45ABC6 #CFE1D0

Calcule el color entre dos colores, #45ABC6 y #CFE1D0. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#45ABC6 - #CFE1D0 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #45ABC6 como 0% y #CFE1D0 como 100%.

0.0%	0.0% #45ABC6	RGB 69 171 198	#45ABC6
16.7%	16.7% #5CB4C7	RGB 92 180 199	#5CB4C7
33.3%	33.3% #73BDC9	RGB 115 189 201	#73BDC9
50.0%	50.0% #8AC6CB	RGB 138 198 203	#8AC6CB
66.7%	66.7% #A1CFCC	RGB 161 207 204	#A1CFCC
83.3%	83.3% #B8D8CE	RGB 184 216 206	#B8D8CE
100.0%	100.0% #CFE1D0	RGB 207 225 208	#CFE1D0

#45ABC6 #5CB4C7 #73BDC9 #8AC6CB #A1CFCC #B8D8CE #CFE1D0

#45ABC6 - #CFE1D0

Mezcla HSV

#45ABC6 - #CFE1D0 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #45ABC6 como 0% y #CFE1D0 como 100%.

0.0%	0.0% #44ABC6	RGB 68 171 198	#44ABC6
16.7%	16.7% #59C8CA	RGB 89 200 202	#59C8CA
33.3%	33.3% #6FCFBE	RGB 111 207 190	#6FCFBE
50.0%	50.0% #86D3B7	RGB 134 211 183	#86D3B7
66.7%	66.7% #9DD8B7	RGB 157 216 183	#9DD8B7
83.3%	83.3% #B5DCBF	RGB 181 220 191	#B5DCBF
100.0%	100.0% #CFE1D0	RGB 207 225 208	#CFE1D0

#44ABC6 #59C8CA #6FCFBE #86D3B7 #9DD8B7 #B5DCBF #CFE1D0

#45ABC6 - #86D3B7 - #CFE1D0

Códigos CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #45ABC6 0%, #CFE1D0 100%);
    background: -webkit-linear-gradient(top, #45ABC6 0%, #CFE1D0 100%);
    background: linear-gradient(to bottom, #45ABC6 0%, #CFE1D0 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44ABC6 0%, #86D3B7 50%, #CFE1D0 100%);
    background: -webkit-linear-gradient(top, #44ABC6 0%, #86D3B7 50%, #CFE1D0 100%);
    background: linear-gradient(to bottom, #44ABC6 0%, #86D3B7 50%, #CFE1D0 100%);
}
</style>