#CCE5E2 - #62B7B5 | 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 #CCE5E2 a #62B7B5

#CCE5E2 #62B7B5

Calcule el color entre dos colores, #CCE5E2 y #62B7B5. 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)

#CCE5E2 - #62B7B5 | 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 #CCE5E2 como 0% y #62B7B5 como 100%.

0.0%	0.0% #CCE5E2	RGB 204 229 226	#CCE5E2
16.7%	16.7% #BADDDA	RGB 186 221 218	#BADDDA
33.3%	33.3% #A8D5D3	RGB 168 213 211	#A8D5D3
50.0%	50.0% #97CECB	RGB 151 206 203	#97CECB
66.7%	66.7% #85C6C4	RGB 133 198 196	#85C6C4
83.3%	83.3% #73BEBC	RGB 115 190 188	#73BEBC
100.0%	100.0% #62B7B5	RGB 98 183 181	#62B7B5

#CCE5E2 #BADDDA #A8D5D3 #97CECB #85C6C4 #73BEBC #62B7B5

#CCE5E2 - #62B7B5

Mezcla HSV

#CCE5E2 - #62B7B5 | 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 #CCE5E2 como 0% y #62B7B5 como 100%.

0.0%	0.0% #CCE5E2	RGB 204 229 226	#CCE5E2
16.7%	16.7% #B8DDD9	RGB 184 221 217	#B8DDD9
33.3%	33.3% #A5D5D1	RGB 165 213 209	#A5D5D1
50.0%	50.0% #92CEC9	RGB 146 206 201	#92CEC9
66.7%	66.7% #81C6C2	RGB 129 198 194	#81C6C2
83.3%	83.3% #71BEBB	RGB 113 190 187	#71BEBB
100.0%	100.0% #62B7B5	RGB 98 183 181	#62B7B5

#CCE5E2 #B8DDD9 #A5D5D1 #92CEC9 #81C6C2 #71BEBB #62B7B5

#CCE5E2 - #92CEC9 - #62B7B5

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCE5E2 0%, #92CEC9 50%, #62B7B5 100%);
    background: -webkit-linear-gradient(top, #CCE5E2 0%, #92CEC9 50%, #62B7B5 100%);
    background: linear-gradient(to bottom, #CCE5E2 0%, #92CEC9 50%, #62B7B5 100%);
}
</style>